<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/main.css" type="text/css" />
	</head>
	<body>
		<div class="main">
			<div class="left">
				<h3>通用后台管理系统</h3>
				<div class="list">
					<ul>
						<li><a href="">首页</a></li>
						<li><a href="">商品管理</a></li>
						<li><a href="">用户管理</a></li>
						<li><a href="">其他</a></li>
					</ul>
				</div>
			</div>
			<div class="right">
				<div class="up">
					<div class="UpLeft">
						<button>::</button>
						<button>首页</button>
					</div>
					<div class="UpRight">
						<a href=""><img src="./img/human.webp" /></a>
					</div>
				</div>
				<div class="down">
					<div class="first">
						<div class="UpLeftChart">
							<div class="image">
								<img src="./img/human.webp" />
							</div>
							<div class="text">
								<h3>Admin</h3>
								<p>超级管理员</p>
							</div>
						</div>
						<hr />
						<div class="UpLeft-MidChart">
							<div class="FirstLi">
								<ul>
									<li>上次登录时间：</li>
									<li>上次登陆地点：</li>
								</ul>
							</div>
							<div class="LastLi">
								<ul>
									<li>2022年11月1日</li>
									<li>大连</li>
								</ul>
							</div>
						</div>
						
						<div class="DownLeftChart">
							<div class="brand">
								<ul>
									<li>品牌</li>
									<li>苹果</li>
									<li>华为</li>
									<li>小米</li>
									<li>oppo</li>
									<li>荣耀</li>
									<li>vivo</li>
								</ul>
							</div>
							<div class="Today">
								<ul>
									<li>今日购买</li>
									<li>100</li>
									<li>100</li>
									<li>100</li>
									<li>100</li>
									<li>100</li>
									<li>100</li>
								</ul>
							</div>
							<div class="Month">
								<ul>
									<li>当月购买</li>
									<li>300</li>
									<li>300</li>
									<li>300</li>
									<li>300</li>
									<li>300</li>
									<li>300</li>
								</ul>
							</div>
							<div class="Total">
								<ul>
									<li>总购买</li>
									<li>400</li>
									<li>400</li>
									<li>400</li>
									<li>400</li>
									<li>400</li>
									<li>400</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="last">
						<div class="Up">
							<ul>
								<li>
									<img src="./img/purchase.png" alt="" />
									<h3>￥1234</h3>
									<p>今日支付订单</p>
								</li>
								<li>
									<img src="./img/purchase.png" alt="" />
									<h3>￥1234</h3>
									<p>今日支付订单</p>
								</li>
								<li>
									<img src="./img/collect.png" alt="" />
									<h3>￥1234</h3>
									<p>今日收藏订单</p>
								</li>
								<li>
									<img src="./img/collect.png" alt="" />
									<h3>￥1234</h3>
									<p>今日收藏订单</p>
								</li>
								<li>
									<img src="./img/shopping.png" alt="" />
									<h3>￥1234</h3>
									<p>今日未支付订单</p>
								</li>
								<li>
									<img src="./img/shopping.png" alt="" />
									<h3>￥1234</h3>
									<p>今日未支付订单</p>
								</li>
							</ul>
						</div>
						<div class="Mid">
							
						</div>
						<div class="Under">
							
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>